<template>
    <div>
      <div class="big">
        <div class="inner">
          <img src="../../assets/error.jpg">
          <p>{{errorMsg || '登录错误'}}</p>
    
        </div>
      </div>
    </div>
  </template>
  
  <script setup>
    import { ref } from "vue";
    import {useRouter,useRoute} from 'vue-router'
    const route = useRoute()

    const errorMsg = ref('')
    errorMsg.value = route.query.error_info || ''

    
</script>
  
  <style lang="scss">
      .big{
          width: 100%;
          height: calc(100vh);
          background-color: rgb(244,244,244);
          position: relative;
      }
      .inner{
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
      }
      .inner p {
          text-align: center;
          font-size: 18px;
      }
  </style>
  